<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>购物车</title>
    <!-- 引入清楚基本样式 -->
    <link rel="stylesheet" href="./css/reset.css">
    <!-- 引入shopping-che.css -->
    <link rel="stylesheet" href="./css/shopping-che.css">
    <!-- 引入字体图标 -->
    <link rel="stylesheet" href="./img/字体图标/iconfont.css">
</head>

<body>
    <! -- 页头 -->
    <div id="top" class="banxin">
        <!-- logo -->
        <div class="logo">
            <img onclick="tz()" src="./img/logo.png" alt="">
            <div>
                <h3>熊猫优选</h3>
                <span>XIONG MAO YOU XUAN</span>
            </div>
        </div>
        <!-- 搜索栏 -->
        <div class="search">
            <span class="iconfont icon-sousuo"></span>
            <input type="text" placeholder="搜索商品，发现更多优惠">
            <a href="#">搜索</a>
        </div>
        <!-- 图标 -->
        <div class="icon">
            <ul>
                <li>
                    <img src="./img/baoyou.png" alt="">
                    <span>全程包邮</span>
                </li>
                <li>
                    <img src="./img/tuihuan.png" alt="">
                    <span>七天退换</span>
                </li>
                <li>
                    <img src="./img/pinzhi.png" alt="">
                    <span>品质保证</span>
                </li>
            </ul>

        </div>
    </div>
    <!-- 导航栏 -->
    <div id="nav">
        <ul class="banxin">
            <li class="default" onclick="tz()">首页</li>
        </ul>
    </div>
    <!-- 购物车 -->
    <div id="gwc" class="banxin">
        <script id="ser" type="text/html">
            <table>
                <tr>
                    <th>序号</th>
                    <th>商品图片</th>
                    <th>商品名称</th>
                    <th>单价</th>
                    <th>数量</th>
                    <th>总价</th>
                    <th>操作</th>
                </tr>
                {{each list}}
                <tr>
                    <td>{{$value.id}}</td>
                    <td><img src="{{$value.url}}" alt=""></td>
                    <td>{{$value.title}}</td>
                    <td>{{$value.dj}}</td>
                    <td>{{$value.num}}</td>
                    <td>1</td>
                    <td>删除</td>
                </tr>
                {{ /each }}
            </table>
        </script>

    </div>
    <!-- jq引入 -->
    <script src="./js/jquery-3.6.0.js"></script>
    <!-- 引入模板引擎 -->
    <script src="./js/template-web.js"></script>
    <!-- 引入gwc.js -->
    <script src="./js/showpping-che.js"></script>
</body>

</html>